/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 17, ../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../usr/local/rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.3/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* line 1, ../sass/blocks/_main.scss */
html {
  font-size: 62.5%;
  height: 100%;
}

/* line 6, ../sass/blocks/_main.scss */
body {
  font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #ecf0f1;
  padding-top: 60px;
  padding-bottom: 51px;
  position: relative;
  min-height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 17, ../sass/blocks/_main.scss */
img {
  max-width: 100%;
}

/* line 21, ../sass/blocks/_main.scss */
.hr {
  width: 100%;
  height: 1px;
  background-color: #d0dbdd;
}

/* line 28, ../sass/blocks/_main.scss */
.clearfix {
  float: none;
}

/* line 32, ../sass/blocks/_main.scss */
.hidden {
  display: none;
}

/* line 36, ../sass/blocks/_main.scss */
.save-data-holder {
  margin-right: 10px;
}

/* line 40, ../sass/blocks/_main.scss */
.save-data {
  display: inline-block;
  margin-top: 12px;
  float: right;
  position: relative;
  z-index: 40;
}
/* line 48, ../sass/blocks/_main.scss */
.save-data.print button {
  background: #77939a;
}
/* line 52, ../sass/blocks/_main.scss */
.save-data button {
  height: 36px;
  border: 1px solid #d0dbdd;
  padding: 10px;
  cursor: pointer;
  font-weight: bold;
  font-size: 12px;
  background: #19b99a;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
}
/* line 63, ../sass/blocks/_main.scss */
.save-data button:hover {
  background: #14957c;
}
/* line 65, ../sass/blocks/_main.scss */
.save-data button:hover i {
  color: #fff;
}
/* line 70, ../sass/blocks/_main.scss */
.save-data button i {
  line-height: 0px;
  float: none;
  color: #fff;
  padding: 0;
}
/* line 78, ../sass/blocks/_main.scss */
.save-data button span {
  display: none;
  margin-left: 5px;
}

/* line 86, ../sass/blocks/_main.scss */
.save-data-form {
  display: none;
  position: absolute;
  background-color: #FFF;
  border: 1px solid #d0dbdd;
  top: 36px;
  right: 0;
  width: 260px;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 99, ../sass/blocks/_main.scss */
.save-data-form h5 {
  font-size: 13px;
  line-height: 20px;
  color: #94aab0;
  text-align: center;
}
/* line 106, ../sass/blocks/_main.scss */
.save-data-form input[type="text"] {
  margin: 10px 0;
}
/* line 110, ../sass/blocks/_main.scss */
.save-data-form button {
  display: block;
  width: 100%;
}

@media screen and (min-width: 480px) {
  /* line 117, ../sass/blocks/_main.scss */
  .spaceBox, .esquemaBox {
    width: 48%;
  }

  /* line 122, ../sass/blocks/_main.scss */
  .save-data button span {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  /* line 129, ../sass/blocks/_main.scss */
  body {
    padding-left: 300px;
    padding-top: 0;
  }
}
/* line 3, ../sass/blocks/_header.scss */
header {
  height: 60px;
  text-align: center;
  border-bottom: 1px solid #d0dbdd;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
/* line 13, ../sass/blocks/_header.scss */
header .brand {
  height: 40px;
  width: auto;
  margin-top: 10px;
}
/* line 19, ../sass/blocks/_header.scss */
header h1 {
  text-indent: -9999px;
}

@media screen and (min-width: 768px) {
  /* line 28, ../sass/blocks/_header.scss */
  header {
    width: 299px;
    border-right: 1px solid #d0dbdd;
  }
}
/* line 1, ../sass/blocks/_footer.scss */
footer {
  text-align: center;
  border-top: 1px solid #d0dbdd;
  padding: 20px 0;
  background-color: #FFF;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 200;
  color: #b1c2c6;
  font-size: 1.4em;
}
/* line 14, ../sass/blocks/_footer.scss */
footer a {
  color: #19b99a;
  text-decoration: none;
}
/* line 18, ../sass/blocks/_footer.scss */
footer a:hover {
  color: #16a387;
}

@media screen and (min-width: 768px) {
  /* line 27, ../sass/blocks/_footer.scss */
  footer {
    left: 300px;
  }
}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
/* line 2, ../sass/blocks/_tooltip.scss */
.tooltipster-default {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #16a387;
  background: #19b99a;
  color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
/* line 12, ../sass/blocks/_tooltip.scss */
.tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 20px;
  overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
/* line 21, ../sass/blocks/_tooltip.scss */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */
}

/* If you're using the icon option, use this next selector to style them */
/* line 27, ../sass/blocks/_tooltip.scss */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
/* line 40, ../sass/blocks/_tooltip.scss */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}

/* line 52, ../sass/blocks/_tooltip.scss */
.tooltipster-base .tooltipster-content {
  overflow: hidden;
}

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
/* line 58, ../sass/blocks/_tooltip.scss */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

/* line 68, ../sass/blocks/_tooltip.scss */
.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}

/* line 74, ../sass/blocks/_tooltip.scss */
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px;
}

/* line 80, ../sass/blocks/_tooltip.scss */
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px;
}

/* line 87, ../sass/blocks/_tooltip.scss */
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px;
}

/* line 93, ../sass/blocks/_tooltip.scss */
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px;
}

/* line 99, ../sass/blocks/_tooltip.scss */
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}

/* line 104, ../sass/blocks/_tooltip.scss */
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px;
}

/* line 107, ../sass/blocks/_tooltip.scss */
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}

/* line 110, ../sass/blocks/_tooltip.scss */
.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px;
}

/* line 113, ../sass/blocks/_tooltip.scss */
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}

/* line 116, ../sass/blocks/_tooltip.scss */
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}

/* line 124, ../sass/blocks/_tooltip.scss */
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}

/* line 130, ../sass/blocks/_tooltip.scss */
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}

/* line 138, ../sass/blocks/_tooltip.scss */
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
/* line 148, ../sass/blocks/_tooltip.scss */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

/* line 156, ../sass/blocks/_tooltip.scss */
.tooltipster-fade-show {
  opacity: 1;
}

/* line 160, ../sass/blocks/_tooltip.scss */
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

/* line 173, ../sass/blocks/_tooltip.scss */
.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

/* line 187, ../sass/blocks/_tooltip.scss */
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}

/* line 200, ../sass/blocks/_tooltip.scss */
.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

/* line 215, ../sass/blocks/_tooltip.scss */
.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

/* line 231, ../sass/blocks/_tooltip.scss */
.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0;
}

/* line 241, ../sass/blocks/_tooltip.scss */
.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

/* line 257, ../sass/blocks/_tooltip.scss */
.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0;
}

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
/* line 269, ../sass/blocks/_tooltip.scss */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

/* line 1, ../sass/blocks/_contentArea.scss */
main {
  background-color: #ecf0f1;
  padding: 20px 20px;
  color: #444444;
  display: inline-block;
}
/* line 7, ../sass/blocks/_contentArea.scss */
main hgroup {
  text-align: left;
  padding: 0 10px;
}
/* line 12, ../sass/blocks/_contentArea.scss */
main h2 {
  font-size: 4.2em;
  margin-bottom: 20px;
  font-weight: bold;
}
/* line 18, ../sass/blocks/_contentArea.scss */
main h4 {
  font-size: 1.68em;
  margin-bottom: 20px;
  line-height: 1.8em;
  max-width: 700px;
}

/* line 26, ../sass/blocks/_contentArea.scss */
.resultsPlaceholder {
  border: 2px dashed #19b99a;
  padding: 20px;
  background-color: #fff;
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}
/* line 35, ../sass/blocks/_contentArea.scss */
.resultsPlaceholder h3 {
  font-size: 2em;
  font-weight: 300;
  color: #334145;
  margin-bottom: 20px;
}
/* line 42, ../sass/blocks/_contentArea.scss */
.resultsPlaceholder p {
  font-size: 1.5em;
  color: #94aab0;
}

/* line 48, ../sass/blocks/_contentArea.scss */
.callToActionArrow {
  text-align: left;
  width: 100%;
  height: 100px;
  width: 100px;
  margin-top: -15px;
  background: url("../img/hand-drawn-arrow-green-down.svg") no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  z-index: 50;
}

/* line 60, ../sass/blocks/_contentArea.scss */
.spacesResultBox {
  margin-top: 40px;
  max-width: 1200px;
  overflow: hidden;
}
/* line 64, ../sass/blocks/_contentArea.scss */
.spacesResultBox ul {
  margin: 0;
  padding: 0;
}
/* line 69, ../sass/blocks/_contentArea.scss */
.spacesResultBox h2 {
  font-size: 2em;
  font-weight: bold;
  display: block;
  width: 100%;
  text-align: left;
  margin-left: 10px;
}

/* line 79, ../sass/blocks/_contentArea.scss */
.spaceBox, .esquemaBox {
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 10px;
}
/* line 89, ../sass/blocks/_contentArea.scss */
.spaceBox img, .esquemaBox img {
  width: 100%;
  height: auto;
}
/* line 94, ../sass/blocks/_contentArea.scss */
.spaceBox a, .esquemaBox a {
  width: 100%;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #d0dbdd;
  text-decoration: none;
  padding-bottom: 20px;
  overflow: hidden;
  text-align: left;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(40, 40, 40, 0.2);
  -moz-box-shadow: 0px 0px 2px 0px rgba(40, 40, 40, 0.2);
  box-shadow: 0px 0px 2px 0px rgba(40, 40, 40, 0.2);
}
/* line 108, ../sass/blocks/_contentArea.scss */
.spaceBox a:hover, .esquemaBox a:hover {
  border-color: #19b99a;
}
/* line 111, ../sass/blocks/_contentArea.scss */
.spaceBox a:hover .itemHoverEffect, .esquemaBox a:hover .itemHoverEffect {
  opacity: 1;
}
/* line 117, ../sass/blocks/_contentArea.scss */
.spaceBox h3, .esquemaBox h3 {
  font-size: 2.1em;
  margin: 15px 0;
  color: #19b99a;
  font-weight: bold;
  padding: 0 20px;
}
/* line 124, ../sass/blocks/_contentArea.scss */
.spaceBox p, .esquemaBox p {
  font-size: 1.5em;
  color: #444444;
  padding: 0 20px;
  line-height: 25px;
  max-width: 700px;
}

/* line 133, ../sass/blocks/_contentArea.scss */
.itemHoverEffect {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  background-color: rgba(25, 185, 154, 0.6);
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
}
/* line 142, ../sass/blocks/_contentArea.scss */
.itemHoverEffect .ratio {
  padding-top: 100%;
}
/* line 146, ../sass/blocks/_contentArea.scss */
.itemHoverEffect i {
  position: absolute;
  color: #fff;
  left: 50%;
  top: 50%;
  margin-top: -20px;
  margin-left: -20px;
}

/* line 156, ../sass/blocks/_contentArea.scss */
.mapa-areas {
  display: none;
  width: 100%;
  margin-top: 10px;
  background-color: #fff;
  border: 1px solid #d0dbdd;
  text-decoration: none;
  padding: 20px;
  overflow: hidden;
  text-align: center;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(40, 40, 40, 0.2);
  -moz-box-shadow: 0px 0px 2px 0px rgba(40, 40, 40, 0.2);
  box-shadow: 0px 0px 2px 0px rgba(40, 40, 40, 0.2);
}
/* line 171, ../sass/blocks/_contentArea.scss */
.mapa-areas h3 {
  font-size: 1.8em;
  color: #94aab0;
  margin: 15px 0 30px;
  font-weight: normal;
  padding: 0 20px;
}

@media screen and (min-width: 480px) {
  /* line 181, ../sass/blocks/_contentArea.scss */
  .spaceBox, .esquemaBox {
    width: 48%;
  }
}
@media screen and (min-width: 768px) {
  /* line 187, ../sass/blocks/_contentArea.scss */
  main {
    text-align: center;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 60px;
  }
  /* line 193, ../sass/blocks/_contentArea.scss */
  main h2 {
    font-size: 5.6em;
  }

  /* line 198, ../sass/blocks/_contentArea.scss */
  .callToActionArrow {
    position: absolute;
    left: 310px;
    height: 100px;
    width: 100px;
    background: url("../img/hand-drawn-arrow-green.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
  }

  /* line 207, ../sass/blocks/_contentArea.scss */
  .resultsPlaceholder {
    border: 2px dashed #19b99a;
    padding: 50px;
    margin-top: 30px;
  }

  /* line 212, ../sass/blocks/_contentArea.scss */
  .mapa-areas {
    display: block;
  }
}
@media screen and (min-width: 1100px) {
  /* line 219, ../sass/blocks/_contentArea.scss */
  .spaceBox, .esquemaBox {
    width: 33%;
  }
}
@media screen and (min-width: 1280px) {
  /* line 225, ../sass/blocks/_contentArea.scss */
  .spaceBox, .esquemaBox {
    width: 25%;
  }
}
@media screen and (min-width: 1700px) {
  /* line 231, ../sass/blocks/_contentArea.scss */
  .spaceBox, .esquemaBox {
    width: 20%;
  }
}
/* line 1, ../sass/blocks/_aside.scss */
aside {
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 99;
}
/* line 4, ../sass/blocks/_aside.scss */
aside h3 {
  font-size: 1.8em;
  display: block;
  color: #334145;
}
/* line 9, ../sass/blocks/_aside.scss */
aside h3 i {
  display: block;
  margin-bottom: 5px;
}

/* line 19, ../sass/blocks/_aside.scss */
.asideBox {
  padding: 20px;
}

/* line 23, ../sass/blocks/_aside.scss */
.asideBoxAlt {
  padding: 0 20px;
}

/* line 30, ../sass/blocks/_aside.scss */
.areaDescription {
  display: block;
  margin-bottom: 10px;
}
/* line 33, ../sass/blocks/_aside.scss */
.areaDescription:last-child {
  margin-bottom: 0;
}

/* line 39, ../sass/blocks/_aside.scss */
.asideItemContent {
  padding: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #d0dbdd;
}

/* line 45, ../sass/blocks/_aside.scss */
.asideItemHeader {
  margin-bottom: 20px;
  font-size: 1.4em;
  font-weight: bold;
  display: block;
  line-height: 0.8em;
  background-color: #fff;
  color: #19b99a;
}

/* line 55, ../sass/blocks/_aside.scss */
.terrainDimensionOptions {
  width: 100%;
  text-align: center;
}

/* line 61, ../sass/blocks/_aside.scss */
.terrainDimension {
  display: inline-block;
  width: 30%;
  margin-right: 5%;
  border-right: none;
  border-bottom: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 69, ../sass/blocks/_aside.scss */
.terrainDimension:last-child {
  margin-right: 0;
}
/* line 73, ../sass/blocks/_aside.scss */
.terrainDimension p {
  font-size: 1em;
}
/* line 77, ../sass/blocks/_aside.scss */
.terrainDimension .terrainDimensionItem {
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #d0dbdd;
}

/* line 86, ../sass/blocks/_aside.scss */
.radioEffect {
  background: #fff;
  cursor: pointer;
}
/* line 89, ../sass/blocks/_aside.scss */
.radioEffect:hover {
  background: #ecf0f1;
  border-color: #b2c4c8;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* line 98, ../sass/blocks/_aside.scss */
input[type="text"] {
  width: 100%;
  padding: 10px;
  margin: 0;
  display: block;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #d0dbdd;
}

/* line 108, ../sass/blocks/_aside.scss */
input[type="radio"] {
  display: none;
}
/* line 110, ../sass/blocks/_aside.scss */
input[type="radio"]:checked + .radioEffect {
  background: #ecf0f1;
  border-color: #19b99a;
}

/* line 116, ../sass/blocks/_aside.scss */
.asideSubmit {
  background-color: #19b99a;
  line-height: 1.8em;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  font-size: 1.2em;
  color: #fff;
  cursor: pointer;
  border: 1px solid #16a387;
  display: block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* line 128, ../sass/blocks/_aside.scss */
.asideSubmit:hover {
  background-color: #1ccfad;
}
/* line 132, ../sass/blocks/_aside.scss */
.asideSubmit i {
  margin-left: 10px;
}

@media screen and (min-width: 768px) {
  /* line 141, ../sass/blocks/_aside.scss */
  aside {
    width: 300px;
    border-right: 1px solid #d0dbdd;
    position: fixed;
    left: 0;
    top: 0;
    padding-top: 60px;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
  }
}
/* line 1, ../sass/blocks/_nativas.scss */
.smallNav {
  background-color: #ecf0f1;
  text-align: left;
  padding: 10px 20px;
  border-bottom: 1px solid #d0dbdd;
}
/* line 6, ../sass/blocks/_nativas.scss */
.smallNav a {
  padding: 5px 0;
  color: #94aab0;
  font-size: 13px;
  text-decoration: none;
}
/* line 12, ../sass/blocks/_nativas.scss */
.smallNav a:hover {
  color: #5e7980;
}
/* line 17, ../sass/blocks/_nativas.scss */
.smallNav i {
  margin-right: 10px;
}

/* line 23, ../sass/blocks/_nativas.scss */
.nativaList a {
  display: block;
  text-decoration: none;
}
/* line 27, ../sass/blocks/_nativas.scss */
.nativaList .selected {
  background: #ecf0f1;
  border-color: #b2c4c8;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
}

/* line 34, ../sass/blocks/_nativas.scss */
.nativaListHeader {
  padding: 10px 20px;
}
/* line 37, ../sass/blocks/_nativas.scss */
.nativaListHeader a {
  margin-bottom: 0;
  text-decoration: none;
  display: inline-block;
  padding: 5px 0;
  color: #19b99a;
}
/* line 43, ../sass/blocks/_nativas.scss */
.nativaListHeader a:hover {
  color: #138c75;
}
/* line 48, ../sass/blocks/_nativas.scss */
.nativaListHeader h2 {
  font-size: 18px;
  margin: 5px 0;
}
/* line 52, ../sass/blocks/_nativas.scss */
.nativaListHeader h2 span {
  font-weight: bold;
}

/* line 58, ../sass/blocks/_nativas.scss */
.nativaListItem {
  min-height: 60px;
  border-bottom: 1px solid #d0dbdd;
  cursor: pointer;
  padding: 10px 20px;
  position: relative;
  overflow: hidden;
}
/* line 66, ../sass/blocks/_nativas.scss */
.nativaListItem img {
  height: 58px;
  width: 58px;
  float: left;
  border: 1px solid #d0dbdd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* line 74, ../sass/blocks/_nativas.scss */
.nativaListItem:hover {
  background: #ecf0f1;
  border-color: #b2c4c8;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* line 80, ../sass/blocks/_nativas.scss */
.nativaListItem.active {
  background: #ecf0f1;
  border-color: #19b99a;
}
/* line 85, ../sass/blocks/_nativas.scss */
.nativaListItem a {
  color: #444444;
}
/* line 88, ../sass/blocks/_nativas.scss */
.nativaListItem a:active {
  color: #19b99a;
}
/* line 91, ../sass/blocks/_nativas.scss */
.nativaListItem h3 {
  font-size: 16px;
  font-weight: bold;
}
/* line 95, ../sass/blocks/_nativas.scss */
.nativaListItem p {
  margin-top: 10px;
  font-size: 13px;
  color: #444444;
}

/* line 102, ../sass/blocks/_nativas.scss */
.nativaListItemTitle {
  display: block;
  overflow: hidden;
  padding: 10px 20px;
}

/* line 1, ../sass/blocks/_nativasData.scss */
.nativaDataBoxShadow {
  display: none;
  background: rgba(148, 170, 176, 0.8);
  border: 1px solid #d0dbdd;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(40, 40, 40, 0.2);
  -moz-box-shadow: 0px 0px 2px 0px rgba(40, 40, 40, 0.2);
  box-shadow: 0px 0px 2px 0px rgba(40, 40, 40, 0.2);
  border: none;
  position: fixed;
  left: 700px;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 300;
}

/* line 15, ../sass/blocks/_nativasData.scss */
.nativaDataBox {
  background: rgba(236, 240, 241, 0.9);
  border: 1px solid #d0dbdd;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(40, 40, 40, 0.2);
  -moz-box-shadow: 0px 0px 2px 0px rgba(40, 40, 40, 0.2);
  box-shadow: 0px 0px 2px 0px rgba(40, 40, 40, 0.2);
  overflow: hidden;
  overflow-y: auto;
  z-index: 300;
}

/* line 24, ../sass/blocks/_nativasData.scss */
.nativaDataBoxName {
  background-color: #cfd9db;
  height: 60px;
  position: relative;
  border-bottom: 1px solid #b2c4c8;
  padding: 0 20px;
}
/* line 31, ../sass/blocks/_nativasData.scss */
.nativaDataBoxName i {
  padding-left: 10px;
  float: right;
  line-height: 60px;
  color: #5e7980;
  cursor: pointer;
}
/* line 38, ../sass/blocks/_nativasData.scss */
.nativaDataBoxName i:hover {
  color: #334145;
}
/* line 43, ../sass/blocks/_nativasData.scss */
.nativaDataBoxName h3 {
  line-height: 60px;
  color: #5e7980;
  font-size: 16px;
  margin-bottom: 0px;
  text-align: left;
  float: left;
}

/* line 53, ../sass/blocks/_nativasData.scss */
.nativaDataHead {
  width: 100%;
  display: block;
  background-color: #fff;
  border: 1px solid #d0dbdd;
  padding-bottom: 20px;
  overflow: hidden;
  text-align: left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(40, 40, 40, 0.2);
  -moz-box-shadow: 0px 0px 2px 0px rgba(40, 40, 40, 0.2);
  box-shadow: 0px 0px 2px 0px rgba(40, 40, 40, 0.2);
}
/* line 65, ../sass/blocks/_nativasData.scss */
.nativaDataHead img {
  width: 100%;
  height: auto;
}
/* line 70, ../sass/blocks/_nativasData.scss */
.nativaDataHead h3 {
  font-size: 2.1em;
  margin: 15px 0;
  color: #19b99a;
  font-weight: bold;
  padding: 0 20px;
}
/* line 77, ../sass/blocks/_nativasData.scss */
.nativaDataHead p {
  color: #444444;
  padding: 0 20px;
  font-style: italic;
  font-size: 1.5em;
  font-weight: 300;
}

/* line 88, ../sass/blocks/_nativasData.scss */
.nativaDataItem {
  background: #fff;
  padding: 20px;
  border: 1px solid #d0dbdd;
  margin: 10px 0;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(40, 40, 40, 0.2);
  -moz-box-shadow: 0px 0px 2px 0px rgba(40, 40, 40, 0.2);
  box-shadow: 0px 0px 2px 0px rgba(40, 40, 40, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* line 99, ../sass/blocks/_nativasData.scss */
.nativaDataItem:hover {
  border-color: #19b99a;
}
/* line 103, ../sass/blocks/_nativasData.scss */
.nativaDataItem h3 {
  font-weight: bold;
  font-size: 1.5em;
  margin: 8px 0;
  float: left;
}
/* line 109, ../sass/blocks/_nativasData.scss */
.nativaDataItem h3 i {
  margin-right: 10px;
  color: #94aab0;
}
/* line 115, ../sass/blocks/_nativasData.scss */
.nativaDataItem p {
  font-size: 14px;
}
/* line 119, ../sass/blocks/_nativasData.scss */
.nativaDataItem img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
}
/* line 128, ../sass/blocks/_nativasData.scss */
.nativaDataItem .nativeFlower {
  margin-top: 10px;
  float: left;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
/* line 134, ../sass/blocks/_nativasData.scss */
.nativaDataItem.hasImage {
  padding: 0;
}
/* line 138, ../sass/blocks/_nativasData.scss */
.nativaDataItem .viverosLink {
  float: right;
  font-size: 13px;
  color: #19b99a;
  padding: 9px 0;
  border-bottom: 1px solid transparent;
  text-decoration: none;
}
/* line 147, ../sass/blocks/_nativasData.scss */
.nativaDataItem .viverosLink:hover {
  border-bottom: 1px solid #19b99a;
}

/* line 155, ../sass/blocks/_nativasData.scss */
.rangeDots {
  text-align: right;
  float: right;
}
/* line 160, ../sass/blocks/_nativasData.scss */
.rangeDots i {
  margin-right: 2px;
}
/* line 164, ../sass/blocks/_nativasData.scss */
.rangeDots label {
  font-size: 13px;
  display: block;
  margin-bottom: 5px;
}

/* line 171, ../sass/blocks/_nativasData.scss */
.rangeBajo {
  color: #2ecc71;
}

/* line 174, ../sass/blocks/_nativasData.scss */
.rangeMedio {
  color: #f1c40f;
}

/* line 177, ../sass/blocks/_nativasData.scss */
.rangeAlto {
  color: #e74c3c;
}

/* line 181, ../sass/blocks/_nativasData.scss */
.nativeDataCardItem {
  width: 100%;
  float: left;
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  /* line 190, ../sass/blocks/_nativasData.scss */
  .nativaDataBoxShadow {
    display: block;
  }

  /* line 193, ../sass/blocks/_nativasData.scss */
  .nativaDataBox {
    border: none;
    border-right: 1px solid #d0dbdd;
    position: fixed;
    width: 400px;
    left: 300px;
    top: 0;
    bottom: 0;
  }
}
/* line 1, ../sass/blocks/_esquemas.scss */
.esquemaIndividual {
  width: 100%;
  max-width: 800px;
  overflow: hidden;
}

/* line 7, ../sass/blocks/_esquemas.scss */
.esquemaBox {
  margin-bottom: 40px;
  overflow: hidden;
}
/* line 12, ../sass/blocks/_esquemas.scss */
.esquemaBox .imgBox {
  position: relative;
  overflow: hidden;
}
/* line 16, ../sass/blocks/_esquemas.scss */
.esquemaBox .itemHoverEffect {
  bottom: 0;
}
/* line 25, ../sass/blocks/_esquemas.scss */
.esquemaBox span {
  font-size: 16px;
  display: block;
  font-weight: bold;
  padding: 10px;
}
/* line 32, ../sass/blocks/_esquemas.scss */
.esquemaBox.esquemaFull {
  width: auto;
  max-width: 100%;
}

/* line 37, ../sass/blocks/_esquemas.scss */
.esquemaData {
  width: 100%;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #d0dbdd;
  text-decoration: none;
  overflow: hidden;
  text-align: left;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(40, 40, 40, 0.2);
  -moz-box-shadow: 0px 0px 2px 0px rgba(40, 40, 40, 0.2);
  box-shadow: 0px 0px 2px 0px rgba(40, 40, 40, 0.2);
  margin: 5px 0;
}
/* line 51, ../sass/blocks/_esquemas.scss */
.esquemaData h3 {
  font-size: 2.1em;
  margin: 20px 0;
  color: #19b99a;
  font-weight: bold;
  padding: 0 20px;
}
/* line 59, ../sass/blocks/_esquemas.scss */
.esquemaData p {
  color: #444444;
  padding: 0 20px;
  margin: 15px 0;
  font-size: 1.5em;
  font-weight: 400;
}

/* line 67, ../sass/blocks/_esquemas.scss */
.esquemaReference {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -15px;
  display: block;
}

/* line 82, ../sass/blocks/_esquemas.scss */
.refColor1 {
  background: #1abc9c;
}

/* line 86, ../sass/blocks/_esquemas.scss */
.refColor2 {
  background: #2ecc71;
}

/* line 90, ../sass/blocks/_esquemas.scss */
.refColor3 {
  background: #3498db;
}

/* line 94, ../sass/blocks/_esquemas.scss */
.refColor4 {
  background: #9b59b6;
}

/* line 98, ../sass/blocks/_esquemas.scss */
.refColor5 {
  background: #34495e;
}

/* line 102, ../sass/blocks/_esquemas.scss */
.refColor6 {
  background: #f1c40f;
}

/* line 106, ../sass/blocks/_esquemas.scss */
.refColor7 {
  background: #e67e22;
}

/* line 110, ../sass/blocks/_esquemas.scss */
.refColor8 {
  background: #e74c3c;
}

/* line 114, ../sass/blocks/_esquemas.scss */
.refColor9 {
  background: #bdc3c7;
}

/* line 118, ../sass/blocks/_esquemas.scss */
.refColor10 {
  background: #95a5a6;
}
